<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>请假申请</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <link rel="stylesheet" href="./css/style.css">
    <style>
        * {
            font-size: 14px;
        }
    </style>
</head>

<body>

<div class="x-body">
    <form action="" class="layui-form ">

        <div class="Dismiss tl2">
            <ul>
                <li class="tl6">姓名:</li>
                <li>景甜</li>
            </ul>
            <div class="tl4 left"><span class="left tl2">部门：</span>
                <div class="left">
                    <div class="layui-input-block top3">
                        <select name="city" lay-verify="required">
                            <option value=""></option>
                            <option value="0">北京</option>
                            <option value="1">上海</option>
                            <option value="2">广州</option>
                            <option value="3">深圳</option>
                            <option value="4">杭州</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class=" left"><span class="left tl2">职位：</span>
                <div class="left">
                    <div class="layui-input-block top3">
                        <select name="city" lay-verify="required">
                            <option value=""></option>
                            <option value="0">北京</option>
                            <option value="1">上海</option>
                            <option value="2">广州</option>
                            <option value="3">深圳</option>
                            <option value="4">杭州</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div class=" left tl2">
            <label class="layui-form-label left">
                入职时间:
            </label>
            <div class="left">
                <div class="layui-form-item">

                    <div class="layui-input-inline">
                        <input type="text" class="layui-input" id="test2" placeholder="选择日期">
                    </div>

                    <label class="layui-form-label left">
                        离职时间:
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" class="layui-input" id="test3" placeholder="选择日期">
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">
                    交接人:
                </label>
                <div class="layui-input-inline">
                    <select name="city" lay-verify="required">
                        <option value=""></option>
                        <option value="0">台式机</option>
                        <option value="1">平板电脑</option>
                        <option value="2">笔记本</option>
                        <option value="3">卫生纸</option>
                        <option value="4">打印机</option>
                        <option value="5">其他</option>
                    </select>
                </div>
                <label class="layui-form-label">
                    转入职位:
                </label>
                <div class="layui-input-inline">
                    <input type="text" class="layui-input" >
                </div>
            </div>
        </div>
        <div class="clear"></div>
        <div><span class="left tl7">交接事项：</span>
            <div class="left sd3">
                <textarea name="" required lay-verify="required" class="layui-textarea"></textarea>
            </div>
        </div>
        <div class="clear"></div>
        <div class="top4"><span class="left tl7">离职原因：</span>
            <div class="left sd3">
                <textarea name="" required lay-verify="required" class="layui-textarea"></textarea>
            </div>
        </div>
        <div class="clear"></div>
        <div class="top4">
            <div class="layui-form-item ">
                <button class="layui-btn ok" lay-filter="add" lay-submit="" style="margin-left:300px">
                    提交
                </button>
                <button class="layui-btn layui-btn-primary" lay-filter="add" lay-submit="" style="margin-left:100px">
                    取消
                </button>
            </div>
        </div>

    </form>
</div>

<script type="text/javascript" src="./js/jquery-3.2.1.min.js"></script>
<script src="./lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="./js/xadmin.js"></script>
<script>
    $(".ok").click(function () {
        layer.msg('已提交!', {icon: 1, time: 2000});
    })
    layui.use('laydate', function () {
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#test2'
        });


        //执行一个laydate实例
        laydate.render({
            elem: '#test3'
        });

    });
</script>

</body>

</html>